<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>多图文框架</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" id="theme" href="/css/theme-default.css">
</head>
<body>
<!-- START PAGE CONTAINER -->
<div class="row">
    <div class="col-md-12">
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>标题</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                {%set i=1%}
                {%for wximg in wximg%}
                {%if i%2 == 0%}
                <tr>
                    <td>
                        <p>{{wximg.title}}</p>
                    </td>
                    <td>
                        <a href="###" class="J-select-btn" data-id="{{wximg.id}}" data-img="{{wximg.pic}}">选中</a>
                    </td>
                </tr>
                {%else%}
                <tr class="active">
                    <td>
                        <p>{{wximg.title}}</p>
                    </td>
                    <td>
                        <a href="###" class="J-select-btn" data-id="{{wximg.id}}" data-img="{{wximg.pic}}">选中</a>
                    </td>
                </tr>
                {%endif%}
                {%set i=i+1%}
                {%endfor%}
                </tbody>
            </table>
        </div>
    </div>
</div>

<script type="text/javascript" src="/js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/js/plugins/jquery/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/plugins/bootstrap/bootstrap.min.js"></script>
<!-- END PLUGINS -->

<!-- START THIS PAGE PLUGINS-->
<script type='text/javascript' src="/js/plugins/icheck/icheck.min.js"></script>
<script type="text/javascript" src="/js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js"></script>

<script type="text/javascript" src="/js/plugins/bootstrap/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="/js/plugins/bootstrap/bootstrap-file-input.js"></script>
<script type="text/javascript" src="/js/plugins/bootstrap/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/plugins/tagsinput/jquery.tagsinput.min.js"></script>

<!-- END THIS PAGE PLUGINS-->
<script type="text/javascript" src="/js/plugins.js"></script>
<script type="text/javascript" src="/js/actions.js"></script>

<style type="text/css">
    html, body {
        background: none !important;
    }

    table * {
        text-align: center;
    }

</style>

<script>
    $(function () {
        $('.J-select-btn').click(function () {
            var id = $(this).attr("data-id");
            var title = $(this).parent().prev().find("p").text();
            var img = $(this).attr("data-img");
            var info = "";
            window.parent.sendInfo(id, title, img, info);
        });
    });
</script>

</body>
</html>






